body{
  margin:0px;
  padding:0px;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.text-r{
  text-align: right;
}
.text-l{
  text-align: left!important;
}
.pw100 {
    width:100%;
}
.pw90 {
    width:90%;
}
.mt10 {
    margin-top:10px;
}
.mb10 {
    margin-bottom:10px;
}
.ml10 {
    margin-left:10px;
}
.mr10 {
    margin-right:10px;
}
.mt20 {
    margin-top:20px;
}
.mb20 {
    margin-bottom:20px;
}
.ml20 {
    margin-left:20px;
}
.mr20 {
    margin-right:20px;
}
.mt38 {
    margin-top:38px;
}
.pt10 {
    padding-top:10px;
}
.pb10 {
    padding-bottom:10px;
}
.pl10 {
    padding-left:10px;
}
.pr10 {
    padding-right:10px;
}
.w100 {
    width:100px;
}
.w220 {
    width:220px;
}
.clearfix:before,.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


